
 #sub {width:100%; box-sizing:border-box; padding:0 3.5%; float:left;}

 #sub h2.guide {width:100%; float:left; text-align:center; font-size:1.3em; font-weight:600; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px; color:#666;}
 #sub h2.guide span {font-size:0.6em;  color:#d1d1d1;  font-weight:400; line-height:1.8em; font-family:serif;}


.sub_nav2 {width:100%; float:left; text-align:center; margin-bottom:20px;}
.sub_nav2 li {width:auto; text-align:center; display:inline-block; background-color:#fff; border:2px solid #f1f1f1;   box-sizing:border-box; line-height:30px; font-size:0.90em; font-weight:300; }
.sub_nav2 li a  { color:#666 !important; letter-spacing:0px; padding:0 15px; display:inline-block;}
.sub_nav2 li.ov {background-color:#f9f9f9; border:2px solid #f9f9f9;    }
.sub_nav2 li.ov a  { color:#333 !important; text-decoration:underline; letter-spacing:0px;  display:inline-block;}


 
#sub .people  {width:100%; float:left; }
#sub .people li {width:33.3333%; box-sizing:border-box;  text-align:center; float:left; }
 #sub .people li .t1 {font-size:17px; font-weight:500; color:#555; width:100%; display:inline-block; padding-top:5px;}
 #sub .people li .t2 {font-size:15px; font-weight:400; color:#999;  letter-spacing:0.3px;}


 
#sub .people_list {width:100%; float:left; margin-right:2%;}
#sub .people_list li {float:left; font-size:0.95em; line-height:1.3em; padding:4px 0;}
#sub .people_list li  a { color:#777;}
#sub .people_list li.ov {font-weight:600;   text-decoration:underline; }
#sub .people_list li.ov  a { color:#333;}


 
#sub .people_info  {width:100%; float:right;  line-height:1.4em; }
#sub .people_info span {width:100%; float:left; padding-bottom:5px;}
#sub .people_info .t1 {font-size:1.2em; font-weight:600; color:#666;}
#sub .people_info .t2 {font-size:1em; font-weight:600; color:#666;}
#sub .people_info .t3 {font-size:0.93em; line-height:1.35em; font-weight:300; color:#666; padding-bottom:10px;}

#sub .people_info ul {width:100%; float:left; border-top:1px solid #ddd; padding-top:15px; margin-top:5px; margin-bottom:20px }
#sub .people_info ul li {width:100%; float:left; font-size:0.93em;  line-height:1.4em; font-weight:300; color:#666; padding-bottom:10px;}
#sub .people_info ul li  span {padding-bottom:0; font-weight:600; text-decoration:underline;  font-size:1.05em;}
#sub .people_info ul li p { font-size:0.93em;  line-height:1.4em; font-weight:300; color:#666;  }


#sub .people_info .photo {width:100%; float:left;}
#sub .people_info .photo li {width:31%; margin-right:3.5%; float:left;}
#sub .people_info .photo li:nth-child(3) {float:right; margin-right:0;}

#sub  .photo_list {width:100%; float:left;}
#sub  .photo_list li {width:23%; margin-right:2.5%; float:left;}
 #sub .photo_list li:nth-child(4) {float:right; margin-right:0;}


 
#sub .schedule {width:100%; float:left;  }
 .color1 {background-color:#fdf0f6;}
.color2 {background-color:#dcf3fc;}
.color3 {background-color:#fdf0fc;}
.color4 {background-color:#dcfcf6;}

#sub .schedule h3 {font-size:22px; font-weight:500; text-align:Center; border-bottom:1px solid #f1f1f1; color:#666; width:100%; float:left; padding-bottom:5px; margin-bottom:15px;}
#sub .schedule li {width:24%; padding:0; line-height:40px;}
#sub .schedule li a {color:#666; font-size:0.92em !important; }


#sub .schedule table {width:100%; float:left; margin-top:10px;}
#sub .schedule th {  width:14.2857%; border:1px solid #fff; background-color:#fdf0f6; color:#111; text-align:center; font-size:15px; font-weight:400; letter-spacing:1px; padding:13px 0;}
#sub .schedule td {  width:14.2857%; border:1px solid #f1f1f1; color:#666; vertical-align:top; line-height:40px;  text-align:center; font-size:15px; font-weight:300 }
#sub .schedule td  a {width:100%; text-align:center;  display:inline-block;   }

#sub h2 {font-size:1.3em; font-weight:600; color:#666;}
#sub h3 {font-size:1.1em; font-weight:600; color:#666;}
#sub h4 {font-size:1em; font-weight:600; color:#666;}
#sub .info {font-size:0.92em; line-height:1.5em; color:#888;}
#sub .info .t1 {font-size:1.3em; line-height:1.3em; color:#666; font-weight:600}
#sub .info .t2 {font-size:1em; line-height:1.4em; color:#666; font-weight:600}


#sub .ceo  div {width:100%;  float:left; font-size:0.92em; color:#888; line-height:1.6em; margin-top:10px; text-align:Center; }
#sub .ceo div h3 {width:100%; display:inline-block; padding-bottom:10px }
#sub .business {width:100%; float:left;}
#sub .business div {width:100%; float:left; margin-bottom:10px;}
#sub .business div:last-child { margin-bottom:0px;}
#sub .business p {width:100%; text-align:Center;  display:inline-block;  background: linear-gradient(to right, #f0b4d1, #56c3f0); padding:15px 0;  font-size:1em; line-height:1.3em; font-weight:500; color:#fff }

#sub .organization {width:100%; float:left; position:relative; height:230px; }
#sub .organization div.t1 {width:200px; position:absolute; left:50%; top:0; margin-left:-100px;   text-align:center; line-height:45px; font-size:1em; color:#fff; }
#sub .organization div.t1 { background-color:#f0b4d1}
#sub .organization div.t1:nth-child(2) {top:70px; background-color:#56c3f0}

#sub .organization .t2 {width:25%; float:left;  background:url('/common/img/sub/line.jpg') repeat-y center; padding-top:30px;}
#sub .organization .t2 p {width:96%; margin-left:2%; float:left; background-color:#f9f9f9; text-align:center; line-height:40px; font-size:0.91em; color:#777; }
    
#sub .map {width:100%; float:left;}
#sub .map div {width:100%;   float:left;  margin-top:20px; color:#666;  box-sizing:border-box;   font-size:0.90em; line-height:1.5em; }

#sub .contact {width:100%; float:left;}

#sub .map2 {width:100%; float:left;}
#sub .map2 div {  margin-top:20px;color:#777;  font-size:0.90em;  line-height:1.3em; }


